import React from "react";
import styles from "./Index.module.css";
import Mynao from "../../components/Mynao/Index";
import PatientSelector from "../../components/PatientSelector/Index";
import { CapsuleTabs } from "antd-mobile";
function Index() {
  return (
    <div className={styles.menbz}>
      <div className={styles.nav}>
        <Mynao title="门诊报告" />
      </div>

      <div className={styles.tiao}>
        <PatientSelector />
      </div>

      <div className={styles.tab}>
        <CapsuleTabs>
          <CapsuleTabs.Tab
            title="检查"
            key="fruits"
            style={{ backgroundColor: "#ffffff" }}
          >
            <div className={styles.fang}>
              <div className={styles.zi}>
                双肾及肾血管彩色多普勒
                <span className={styles.zi1}>报告已出</span>
              </div>

              <div className={styles.zih}>报告时间:2020-01-01 10:20:36</div>
            </div>

            <div className={styles.fang}>
              <div className={styles.zi}>
                上腹部CT平扫
                <span className={styles.zi1} style={{ marginLeft: "135px" }}>
                  报告已出
                </span>
              </div>

              <div className={styles.zih}>报告时间:2020-01-01 10:20:36</div>
            </div>

            <div className={styles.fang}>
              <div className={styles.zi}>
                核磁共振
                <span className={styles.zi12} style={{ marginLeft: "165px" }}>
                  报告未出
                </span>
              </div>

              <div className={styles.zih}>报告时间:-----</div>
            </div>
          </CapsuleTabs.Tab>

          <CapsuleTabs.Tab
            title="检验"
            key="vegetables"
            style={{ backgroundColor: "#ffffff" }}
          >
            <div className={styles.fang}>
              <div className={styles.zi}>
                血常规
                <span className={styles.zi1} style={{ marginLeft: "185px" }}>
                  报告已出
                </span>
              </div>

              <div className={styles.zih}>报告时间:2020-01-01 10:20:36</div>
            </div>

             <div className={styles.fang}>
              <div className={styles.zi}>
                肝功三项
                <span className={styles.zi12} style={{ marginLeft: "165px" }}>
                  报告未出
                </span>
              </div>

              <div className={styles.zih}>报告时间:-----</div>
            </div>



          </CapsuleTabs.Tab>
        </CapsuleTabs>
      </div>
    </div>
  );
}

export default Index;
